<template>
	<view>
		
		<view class="u-flex user-box u-p-30">
			<view class="u-m-r-10">
				<u-avatar src="/static/logo.png" size="140"></u-avatar>
			</view>
			<view class="u-flex-1">
				<view class="u-font-18 u-p-b-20">MOKE科技</view>
				<view class="u-font-14 u-tips-color">一家肥肠凉心的二手数码小店</view>
			</view>
			<view class="umr">
				
				<u-icon name="arrow-right" color="#969799" size="28"></u-icon>
			</view>
		</view>
		<view class="u-m-t-20">
			<u-cell-group>
				<u-cell-item icon="plus" title="我的发布"></u-cell-item>
				<u-cell-item icon="list-dot" title="我的求购"></u-cell-item>
				<u-cell-item icon="star" title="我的收藏"></u-cell-item>
				<u-cell-item icon="shopping-cart" title="购买订单"></u-cell-item>
				<u-cell-item icon="shopping-cart-fill" title="出售订单"></u-cell-item>
				<u-cell-item icon="setting-fill" title="修改密码"></u-cell-item>
				
			</u-cell-group>
		</view>

		<view class="u-m-t-20">
			<u-cell-group>
				<u-cell-item icon="setting" title="退出账号"></u-cell-item>
			</u-cell-group>
		</view>
	</view>
</template>

<script setup>
	// import logo from '../../static/logo.png'
	import {ref} from 'vue';
	
	const pic = ref("https://uviewui.com/common/logo.png")
	const show = ref(true)
	// export default {
	// 	data() {
	// 		return {
	// 			pic:'https://uviewui.com/common/logo.png',
	// 			show:true
	// 		}
	// 	},
	// 	onLoad() {

	// 	},
	// 	methods: {

	// 	}
	// }
</script>

<style lang="scss">
	page {
		background-color: #ededed;
	}

	.camera {
		width: 54px;
		height: 44px;

		&:active {
			background-color: #ededed;
		}
	}

	.user-box {
		background-color: #fff;
	}
	
	.umr{
		margin-left: 20px;
	}
	.u-flex-1{
		width: 281px;
		
	}
</style>